<template>
<div class="view-Var01">
	<div>-------------------- Var01 --------------------</div>
	<el-button @click='fnA1'>11</el-button>
	{{numberA1}}:{{objA1.numberA2}}
	<div>-------------------- Var01 --------------------</div>
</div>
</template>
<script>
export default {
	name: 'Var01',
	props: {
		msg: String
	},
	setup (props, context) {
		let numberA1 = 'numberA1-11';//起作用
		const objA1 = {
			numberA2: 'numberA2-11'
		}
		const fnA1 = () => {
			numberA1 = 'numberA1-22';//不起作用
			objA1.numberA2 = 'numberA2-22';//不起作用
			console.log('fnA1', 11);
		};
		return {
			numberA1,
			objA1,
			fnA1,
		}
	},
}
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>